
*,:after,:before{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
body,dd,div,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,table,td img,th,ul{margin:0;padding:0}
body{font-family:"Heiti SC","Microsoft YaHei","微软雅黑";color:#333;font-size:16px;line-height:1.7;margin:0 auto;background-color:#fff;min-width:1280px}
li,ol,ul{list-style:none}
em,i{font-style:normal}
a{color:#333;text-decoration:none;outline:0;cursor:pointer}
a:active,a:hover,a:link,a:visited{text-decoration:none}
fieldset,img,video{max-width:100%;border:none;vertical-align:middle}
button,input,select,textarea{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
button,input{border-radius:0;-webkit-appearance:none}
textarea{resize:none;outline:0;border:none;-webkit-appearance:none}
input:-ms-clear{display:none}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;outline:0}
::-webkit-input-placeholder{color:#eee}
::-moz-placeholder{color:#eee}
:-ms-input-placeholder{color:#eee}
:-moz-placeholder{color:#eee}

table{border-collapse:separate}
.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.transition{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.wrap{width:98%;max-width:1400px;margin:0 auto}

/* public style */
.header{position:absolute;left:0;top:0;right:0;width:100%;z-index:999;padding:40px 0;line-height:60px;min-width:1280px}
.logo{float:left;width:201px;margin-top:-2px}
.logo img{width:100%;height:auto}
.nav{float:left;width:55%;margin-left:50px}
.nav li{float:left;margin-right:20px}
.nav li a{display:block;color:#333;font-size:18px;padding:0 5px;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.nav li a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:0;background:url(../../d/images/nav-on.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
.nav li.nav-on a,.nav li:hover a{margin-top:-10px;font-weight:700}
.nav li.nav-on a:after,.nav li:hover a:after{height:17px}
.top-tel{float:right;margin-top:4px}
.top-tel p{background:url(../../d/images/top-tel1.png) no-repeat left center;color:#fff;font-size:16px;line-height:1.4;padding-left:58px}
.top-tel p strong{display:block;color:#f0be4d;font-size:28px}

/* index style */
.banner{position:relative}
.ban-item{-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:right top;padding-top:200px;padding-bottom:224px;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1);margin-bottom:30px}
.ban-item:before{content:"";position:absolute;left:0;top:200px;width:34.375%;height:500px;background:url(../../d/images/ban-line.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.item01{background-image:url(../../d/images/ban-bg01.jpg);z-index:-1}
.ban-base{float:left;width:42%;margin-top:66px}
.ban-txt{position:relative;z-index:0}
.ban-txt i{position:absolute;left:0;top:-10px;color:#194036;opacity:.06;filter:Alpha(opacity=6);font-size:120px;font-weight:700;text-transform:uppercase;line-height:1.1;z-index:-1;-webkit-filter:Alpha(opacity=10)}
.ban-txt a{display:block;color:#014a7f;font-size:80px;font-weight:700;line-height:1.1}
.ban-txt a:hover{color:#222}
.ban-txt a.txt-font{font-size:72px;padding-top:16px}
.ban-font p{margin-top:50px;color:#666;font-size:18px;line-height:20px}
.ban-font p:before{content:'';display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../../d/images/ban-icon.png) no-repeat;margin-right:10px}
.ban-tab{margin-top:-224px;margin-left:35%;margin-right:6%;overflow:hidden}
.ban-tab .slick-list{margin-left:-12px}
.ban-btn{margin-top:77px;margin-left:104px}
.tab-list{float:left;position:relative;padding:20px 20px 25px 90px;background:#fff;-webkit-box-shadow:0 10px 20px rgba(25,64,54,.1);-moz-box-shadow:0 10px 20px rgba(25,64,54,.1);-ms-box-shadow:0 10px 20px rgba(25,64,54,.1);-o-box-shadow:0 10px 20px rgba(25,64,54,.1);box-shadow:0 10px 20px rgba(25,64,54,.1);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;margin:22px 20px 22px 80px}
.tab-list:before{content:"";position:absolute;left:-2px;top:-2px;bottom:-2px;right:-2px;background:-webkit-linear-gradient(left,#265d50 20%,#fff 80%);background:-moz-linear-gradient(left,#265d50 20%,#fff 80%);background:-o-linear-gradient(left,#265d50 20%,#fff 80%);background:linear-gradient(to right,#265d50 20%,#fff 80%);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;z-index:-1;width:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.tab-pro{position:absolute;left:-70px;top:14px;width:54%}
.tab-info a{display:block;color:#333;font-size:18px;font-weight:700;background:url(../../d/images/ban-name01.png) no-repeat right center;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:8px;position:relative}
.tab-info p{color:#333;font-size:16px;margin-top:15px}
.tab-list.slick-current:before,.tab-list:hover:before{width:100%}
.tab-list.slick-current .tab-info a,.tab-list:hover .tab-info a{color:#194036;background-image:url(../../d/images/ban-name02.png)}
.banner .slick-slide{outline:0}
.ban-tab .slick-slide{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.ban-con .slick-next:before,.ban-con .slick-prev:before{display:none}
.ban-con .slick-next,.ban-con .slick-prev{font-size:0;top:auto;left:50%;bottom:115px;z-index:99;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.ban-con .slick-prev{margin-left:-700px;background-image:url(../../d/images/ban-arrow01.png)}
.ban-con .slick-prev:hover{background-image:url(../../d/images/ban-arrow03.png)}
.ban-con .slick-next{right:auto;margin-left:-540px;background-image:url(../../d/images/ban-arrow02.png)}
.ban-con .slick-next:hover{background-image:url(../../d/images/ban-arrow04.png)}
.paging{position:absolute;z-index:99;bottom:56px;left:50%;margin-left:-630px;color:#8c8c8c;font-size:18px}
.paging .cur{color:#194036;font-size:28px;font-weight:700}
.btn-more{position:relative;z-index:1;display:inline-block;width:200px;line-height:60px;text-align:center;vertical-align:middle;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;color:#f0be4d;background:#014a7f;font-size:20x;overflow:hidden}
.btn-more:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:0%;height:100%;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s;background:#f0be4d}
.btn-more:hover:after{width:100%}
.btn-more:hover{color:#014a7f;background:#f0be4d}
.ban-pic{float:right;width:56%;position:relative;margin-top:30px}
.ban-pic:after{content:"";position:absolute;right:0;top:-70px;width:211px;height:623px;background:url(../../d/images/ban-right.png) no-repeat}
.ban-pic span{position:absolute;right:-155px;top:50%;margin-top:-26px;color:#f0be4d;font-size:15px;line-height:30px;width:150px}
.ban-pic img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.ban-pic img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.index-about{padding:150px 0 330px;background:url(../../d/images/about-bg.jpg) #fff bottom right no-repeat}
.about-pic{float:left;width:40%}
.about-info{float:right;width:57%}
.about-info h1{color:#333;font-size:46px;line-height:1.1}
.about-info p{color:#666;font-size:18px;line-height:36px;margin-top:40px}
.about-info ul{margin-top:50px;margin-left:-3.3%}
.about-info ul li{float:left;width:30%;margin-left:3.3%;text-align:center}
.about-info ul li strong{display:block;color:#014a7f;font-size:48px;line-height:1.1}
.about-info ul li p{margin-top:4px}
.about-info span{margin-top:80px}
.btn-price{display:inline-block;width:280px;line-height:70px;text-align:center;background-color:#f0be4d;-webkit-border-radius:70px;-moz-border-radius:70px;-ms-border-radius:70px;-o-border-radius:70px;border-radius:70px;color:#333;font-size:24px;cursor:pointer;position:relative;z-index:0}
.btn-price:before{content:"";position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;background:rgba(240,190,77,.3);-webkit-border-radius:70px;-moz-border-radius:70px;-ms-border-radius:70px;-o-border-radius:70px;border-radius:70px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:-1}
.btn-price:hover:before{background:rgba(240,190,77,.1)}
.index-txt{text-align:center}
.index-txt h2,.index-txt strong{color:#333;font-size:46px;line-height:1.1;display:block}
.index-txt h2:after,.index-txt h2:before,.index-txt strong:after,.index-txt strong:before{content:'';display:inline-block;vertical-align:middle;width:35px;height:26px;background-repeat:no-repeat;margin-top:-6px}
.index-txt h2:before,.index-txt strong:before{background-image:url(../../d/images/tit-icon01.png);margin-right:20px}
.index-txt h2:after,.index-txt strong:after{background-image:url(../../d/images/tit-icon02.png);margin-left:20px}
.index-txt p{color:#666;font-size:18px;line-height:30px;margin-top:30px}
.index-type{margin-top:-180px}
.index-type ul{margin-top:70px}
.index-type li{float:left;width:25%;position:relative;overflow:hidden}
.index-type li:before{content:"";position:absolute;left:0;bottom:-35%;width:100%;height:35%;background:url(../../d/images/case-txt.png) repeat-x bottom center;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;z-index:1}
.index-type li:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.type-pic a img{width:100%}
.type-txt{position:absolute;bottom:30px;z-index:2;color:#bbb;line-height:1.2;padding-left:70px}
.type-txt a{display:block;color:#bbb;font-size:46px;font-weight:700}
.type-txt span{display:block;font-size:18px;margin-top:20px}
.type-link{position:absolute;left:50%;top:-50%;margin-left:-60px;margin-top:-60px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;width:120px;height:120px}
.type-link img{width:100%;height:auto}
.index-type li.type-on:after,.index-type li:hover:after{top:-100%}
.index-type li.type-on:before,.index-type li:hover:before{bottom:0}
.index-type li.type-on .type-link,.index-type li:hover .type-link{top:50%}
.index-type li.type-on .type-txt,.index-type li.type-on .type-txt a,.index-type li:hover .type-txt,.index-type li:hover .type-txt a{color:#fff}
.index-type li.type-on .type-txt a:hover,.index-type li:hover .type-txt a:hover{color:#f0be4d}
.index-hot{padding-top:120px;background:url(../../d/images/bg-hot.png) no-repeat top center}
.hot-pro{position:relative}
.hot-txt{position:absolute;left:0;top:0;width:36%}
.base-txt h2,.base-txt strong,.hot-txt h2{color:#333;font-size:46px;line-height:1.1;display:block}
.base-txt p,.hot-txt p{color:#666;font-size:18px;line-height:36px;margin-top:26px}
.hot-con{float:left}
.hot01{width:35.7%;margin-top:190px}
.hot02{width:25.7%;margin:0 5%}
.hot03{width:28.6%;margin-top:128px;position:relative}
.hot03:before{content:"";position:absolute;right:0;top:-108px;width:464px;height:264px;background:url(../../d/images/dot-hot.png) no-repeat}
.hot-pic{display:block;position:relative;overflow:hidden}
.hot-pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.hot-pic img:hover{-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02)}
.hot01 .hot-pic{padding-top:68%}
.hot02 .hot-pic{padding-top:125%}
.hot03 .hot-pic{padding-top:100%}
.hot-font{margin:25px 0}
.hot-font a{display:block;color:#333;font-size:24px;line-height:30px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hot-font a:hover{color:#014a7f}
.hot-font a:before{content:'';display:inline-block;vertical-align:middle;width:30px;height:30px;background:url(../../d/images/icon-pro.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-1px 10px 0 -4px}
.hot-font p{color:#666;font-size:18px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:12px;padding-left:36px}
.index-hot ul{margin-left:-2.6%;margin-top:140px}
.index-hot ul li{float:left;width:22.4%;margin-left:2.6%;z-index:0}
.hot-list{padding:10px;position:relative}
.hot-list:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:180px;background-repeat:no-repeat;background:url(../../d/images/hot-list.png) no-repeat bottom left;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;z-index:-1}
.hot-yd .hot-list:before{background-image:url(../../d/images/hot-lists.png)}
.hot-list .hot-pic{padding-top:73.9%}
.index-pice{position:relative;margin-top:80px}
.index-pice>img{width:100%;height:auto}
.index-pice .pice{position:absolute;left:34%;top:50px;width:56%}
.index-pice .pice h2,.index-pice .pice strong{font-size:46px;color:#fff;display:block}
.index-pice .pice p{font-size:18px;color:#dcdcdc;margin-top:20px}
.pice-bottom{margin-top:50px}
.pice-bottom .piceLeft{float:left;width:70%}
.pice-bottom .piceRight{float:right;margin-top:10px;width:30%}
.pice-bottom .piceLeft strong{font-size:26px;color:#f0be4d;display:block}
.pice-bottom .piceLeft .btn-price{width:350px;height:90px;line-height:90px;display:block;text-align:center;font-size:24px;color:#1d2025;font-weight:700;padding-right:4%;margin-top:60px;position:relative}
.pice-bottom .piceLeft .btn-price:after{width:24px;height:23px;background:url(../../d/images/fj.png) no-repeat;content:"";display:inline-block;position:absolute;left:50%;margin-left:100px;top:50%;margin-top:-12.5px}
.index-case{position:relative;padding-top:90px;z-index:10;}
.index-case:before{content:"";position:absolute;left:120px;top:20px;width:260px;height:243px;background:url(../../d/images/case-icon.png) no-repeat;z-index:-1}
.txt-name{float:left;width:700px}
.txt-name h2{color:#333;font-size:46px;line-height:1.1}
.txt-name p{color:#666;font-size:18px;line-height:36px;margin-top:20px}
.txt-btn{float:right;margin-top:50px}
.txt-btn span,.txt-btn a{display:inline-block;line-height:60px;padding:0 40px;color:#f0be4d;font-size:20px;font-weight:700;background-color:#014a7f;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;cursor:pointer;position:relative}
.txt-btn span:after,.txt-btn a:after{content:"";position:absolute;left:5px;top:5px;right:5px;bottom:5px;border:1px dashed #f0be4d;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.txt-btn span:hover:after,.txt-btn a:hover:after{top:8px;left:8px;right:8px;bottom:8px}
.case-no{display:none}
.case-link{margin-left:-3%;margin-top:66px}
.case-link li{float:left;width:30.3%;margin-left:3%;margin-bottom:3%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.case-pic{margin-right:7%}
.case-pic a{display:block;position:relative;padding-top:75%}
.case-pic a img{position:absolute;left:0;top:0;width:100%;height:100%}
.case-info{position:relative;padding:26px 30px;margin-left:6%;margin-top:-50px;background:url(../../d/images/case-line.png) left top;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1)}
.case-info:before{content:"";position:absolute;left:0;bottom:0;width:80px;height:4px;background-color:#014a7f;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.case-info h3 a{display:block;color:#333;font-size:24px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:32px}
.case-info h3 a:hover{color:#014a7f}
.case-info p{color:#666;font-size:16px;line-height:30px;margin-top:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case-info p:before{content:'';display:inline-block;vertical-align:middle;width:10px;height:10px;border:1px solid #014a7f;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin-right:8px;margin-top:-3px}
.case-more{position:absolute;right:30px;top:26px}
.case-more img{width:32px;height:auto}
.case-link li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}
.case-link li:hover .case-info:before{width:100%}
.index-video{padding-bottom:100px;margin-top:120px;position:relative}
.index-video:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:600px;background:url(../../d/images/video-bg.png) #1d2025 no-repeat bottom center;z-index:-1}
.video-base{float:left;width:55%}
.video-con{margin-top:44px;position:relative}
.video-btn{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;cursor:pointer}
.video-btn img{position:absolute;width:140px;height:140px;left:50%;top:50%;margin-left:-70px;margin-top:-70px;z-index:99}
.video-con video{width:100%;height:auto}
.video-link{margin-top:84px}
.video-link strong{display:block;font-weight:400;color:#fff;font-size:36px;line-height:1.1;text-align:center;position:relative;top:-20px}
.video-link span{display:inline-block;margin-top:60px;line-height:70px;width:260px;text-align:center;background:-webkit-linear-gradient(left,#fb2740 0,#fe5f60 100%);background:-moz-linear-gradient(left,#fb2740 0,#fe5f60 100%);background:-ms-linear-gradient(left,#fb2740 0,#fe5f60 100%);background:-o-linear-gradient(left,#fb2740 0,#fe5f60 100%);background:linear-gradient(to right,#fb2740 0,#fe5f60 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FB2740, endColorstr=#FE5F60, GradientType=1);-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-box-shadow:0 0 30px rgba(251,39,64,.2);-moz-box-shadow:0 0 30px rgba(251,39,64,.2);-ms-box-shadow:0 0 30px rgba(251,39,64,.2);-o-box-shadow:0 0 30px rgba(251,39,64,.2);box-shadow:0 0 30px rgba(251,39,64,.2);color:#fff;font-size:24px;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.video-link span:hover{margin-left:8px}
.video-info{float:right;width:45%;position:relative;padding:80px 6% 0 5%;color:#dcdcdc;font-size:18px;line-height:36px}
.video-info:before{content:"";position:absolute;left:-25%;right:0;top:0;height:100%;background-color:#1d2025;z-index:-1;-webkit-box-shadow:0 0 50px rgba(29,32,37,.3);-moz-box-shadow:0 0 50px rgba(29,32,37,.3);-ms-box-shadow:0 0 50px rgba(29,32,37,.3);-o-box-shadow:0 0 50px rgba(29,32,37,.3);box-shadow:0 0 50px rgba(29,32,37,.3)}
.video-info li{margin-bottom:80px}
.video-info strong{display:block;color:#fff;font-size:24px}
.video-info strong i{display:inline-block;color:#f0be4d;margin-right:20px}
.video-info p{margin-top:18px}
.index-news{margin-top:100px}
.index-news .index-txt{margin-bottom:40px}
.news-box{float:left;width:47%}
.box-fr{margin-left:6%}
.news-txt{line-height:40px}
.txt-more{float:right;width:50px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.txt-more:hover{margin-right:-5px}
.txt-con{overflow:hidden;display:block;color:#333;font-size:30px;font-weight:700}
.txt-con:before{content:'';display:inline-block;vertical-align:middle;width:49px;height:34px;background:url(../../d/images/tit-icon03.png) no-repeat;margin-right:15px;margin-top:-2px}
.txt-con:hover{color:#014a7f}
.box-hot{margin-top:30px}
.box-hot li{padding:20px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 3px 15px rgba(37,92,79,.15);-moz-box-shadow:0 3px 15px rgba(37,92,79,.15);-ms-box-shadow:0 3px 15px rgba(37,92,79,.15);-o-box-shadow:0 3px 15px rgba(37,92,79,.15);box-shadow:0 3px 15px rgba(37,92,79,.15);overflow:hidden;position:relative;margin-bottom:40px}
.box-pic{float:left;width:200px}
.box-pic a{display:block;position:relative;padding-top:66.25%;overflow:hidden}
.box-pic a:before{content:" ";position:absolute;z-index:1;top:20px;left:-200px;width:240px;height:40px;background:rgba(255,255,255,.3);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.box-pic a:hover:before{margin-left:400px}
.box-pic a img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.box-info{display:block;overflow:hidden;padding:6px 20px}
.box-info a{display:block;color:#333;font-size:18px;line-height:28px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.box-info a:hover{color:#014a7f}
.box-info p.box-font{line-height:26px;height:52px;margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.box-info span{display:inline-block;color:#aaa;font-size:16px;margin-top:12px}
.box-more{position:absolute;right:0;bottom:0;width:42px;line-height:42px;text-align:center;background-color:#014a7f;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;-ms-border-top-left-radius:10px;-o-border-top-left-radius:10px;border-top-left-radius:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.box-more:hover{width:50px}
.box-list li{line-height:34px;margin-top:40px}
.box-list li span{float:right;width:90px;margin-left:20px;color:#aaa;font-size:16px}
.box-list li a{display:block;overflow:hidden;color:#666;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.box-list li a:before{content:'';display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../../d/images/news-icon.png) no-repeat;margin-right:8px;margin-top:-6px}
.box-list li:hover a{margin-left:4px;color:#014a7f}
.index-cont{margin-top:100px;position:relative;padding:55px 66px;z-index:1}
.index-cont:before{content:"";position:absolute;left:0;top:0;width:82%;height:100%;background-color:#014a7f;-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;-ms-border-radius:0 20px 20px 0;-o-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0;z-index:-1}
.index-cont:after{content:"";position:absolute;left:0;bottom:-7px;width:259px;height:400px;background:url(../../d/images/pic-head01.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.cont-font{float:left;color:#fff;font-size:30px;line-height:30px;font-weight:700;margin-left:12px;margin-top:-40px}
.cont-font p{margin-top:60px}
.cont-font i{display:inline-block;color:#f0be4d}
.cont-edit{float:left;margin-left:20px}
.edit-area,.edit-btn,.edit-text{float:left;margin-left:30px}
.edit-text{margin-top:-30px}
.edit-text label{display:block;margin-top:30px;position:relative}
.edit-text label i{position:absolute;color:#ff3434;top:16px;right:10px;font-size:20px}
.edit-area textarea,.edit-text label input{background-color:rgba(255,255,255,.1);border:1px solid #fff;width:260px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;color:#eee;font-size:18px;padding:17px 16px}
.edit-area label{display:block}
.edit-area textarea{line-height:36px;height:154px;padding-top:8px;padding-bottom:8px}
.edit-btn button{position:relative;background:-webkit-linear-gradient(left,#f0be4d 0,#fbda8f 50%,#f0be4d 100%);background:-moz-linear-gradient(left,#f0be4d 0,#fbda8f 50%,#f0be4d 100%);background:-ms-linear-gradient(left,#f0be4d 0,#fbda8f 50%,#f0be4d 100%);background:-o-linear-gradient(left,#f0be4d 0,#fbda8f 50%,#f0be4d 100%);background:linear-gradient(to right,#f0be4d 0,#fbda8f 50%,#f0be4d 100%);width:150px;height:146px;color:#333;font-size:24px;font-weight:700;line-height:48px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;cursor:pointer;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.edit-btn button:before{content:"";position:absolute;left:0;top:8px;width:100%;height:100%;background-color:#a47a1a;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;z-index:-1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.edit-btn button:hover{height:154px;color:#014a7f}
.edit-btn button:hover:before{top:0}
.index-link{position:relative;padding:50px 0;background-color:#f5f5f5;z-index:0}
.index-link:before{content:"";position:absolute;left:106px;top:-130px;right:0;bottom:0;background-color:#393b45;-webkit-border-bottom-left-radius:20px;-moz-border-bottom-left-radius:20px;-ms-border-bottom-left-radius:20px;-o-border-bottom-left-radius:20px;border-bottom-left-radius:20px;z-index:-1}
.link-con{float:left;width:15%;margin-left:7.1%}
.link-fl{margin-left:0}
.link-con a{color:#b3b3b3;font-size:16px;line-height:46px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.link-con a:hover{color:#fff;font-size:17px}
.link-con dt{margin-bottom:20px}
.link-con dt a{color:#fff;font-size:30px;font-weight:700}
.link-con dt a:hover{color:#f0be4d;font-size:30px}
.link-care{float:right;width:480px;margin-top:10px}
.link-care p{color:#bebebf;font-size:18px;line-height:1.2;margin-bottom:36px}
.link-care p strong{color:#f0be4d;font-size:30px;padding-left:5px;position:relative;top:2px}
.link-care p.care-txt{color:#81dac5;font-size:24px}
.index-foot{background-color:#f5f5f5;padding:20px 0 40px;text-align:center;font-size:14px;color:#666;line-height:24px}
.foot-link a{display:inline-block;color:#666;margin-right:12px}
.foot-link a:hover{color:#194036}
.index-foot p{margin-top:20px}
.index-foot p a{color:#194036;margin:0 12px}
.index-foot p a:hover{text-decoration:underline}
.index-footer{background-color:#34363b;color:#fff;font-size:14px;text-align:center;line-height:24px;padding:18px 0}

/* about style */
.head-con .nav li a{color:#fff}
.head-con .nav li.nav-on a,.head-con .nav li:hover a{color:#f0be4d}
.top-about{padding-top:156px;background-repeat:no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;background-image:url(../../d/images/about-con.jpg);background-position:top right}
.place-show{font-size:14px;line-height:30px;color:#888}
.place-show i{display:inline-block;color:#acacac}
.place-show ol{display:inline-block}
.place-show ol li{display:inline-block;padding:0 2px}
.place-show ol a{color:#acacac}
.place-show ol a:hover{color:#f0be4d}
.about-streng{margin-top:70px;width:680px}
.about-txt h1,.about-txt h2,.about-txt strong{color:#f0be4d;font-size:46px;line-height:1.1;display:block}
.about-txt h1{font-size:48px}
.about-txt p{color:#d3d3d3;font-size:18px;line-height:36px;margin-top:60px}
.area-btn{display:inline-block;width:200px;line-height:70px;background:url(../../d/images/area-btn.png) no-repeat;color:#fff;font-size:22px;padding-left:40px;position:relative;margin-top:24px;cursor:pointer}
.area-btn:before{content:"";position:absolute;right:32px;top:20px;width:30px;height:30px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:url(../../d/images/area-icon.png) no-repeat}
.area-btn:hover{color:#f0be4d}
.area-btn:hover:before{right:28px}
.about-video{margin-top:70px}
.about-video span{display:inline-block;width:250px;line-height:90px;background:url(../../d/images/video-about.png) no-repeat;text-align:center;color:#fff;font-size:22px;text-indent:-40px;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.about-video span:hover{font-size:24px;color:#f0be4d}
.popu-video{position:fixed;width:100%;height:100%;left:0;top:-100%;-webkit-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;opacity:0;filter:alpha(opacity=0);z-index:9999}
.popu-video.open{top:0;opacity:1;filter:alpha(opacity=100)}
.popu-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}
.popu-video .video-show{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;width:92%;max-width:1000px}
.popu-video .video-show video{display:block;width:100%;height:auto}
.popu-video .video-close{position:absolute;right:0;top:-50px;font-size:40px;line-height:1;color:#fff;cursor:pointer;font-weight:400;font-style:normal}
.about-honor{margin-top:50px;position:relative;z-index:0;font-size:0}
.about-honor:before{content:"";position:absolute;left:0;top:66px;bottom:66px;width:50%;border:6px solid #f0be4d;z-index:-1}
.honor-info{display:inline-block;vertical-align:middle;width:48%;padding:0 46px}
.honor-info p{margin-top:50px}
.honor-pic{display:inline-block;vertical-align:middle;width:52%}
.honor-pic img{width:100%;height:auto}
.about-vie{margin-top:110px}
.vie-pic{float:left;width:48%}
.vie-pic img{width:100%;height:auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}
.vie-info{float:left;width:52%;padding-top:24px;padding-left:70px}
.vie-info p{margin-top:40px}
.vie-info li{margin-top:72px;color:#d3d3d3;font-size:18px}
.vie-info li:before{content:'';display:inline-block;vertical-align:middle;width:79px;height:34px;background:url(../../d/images/about-line.png) no-repeat;margin-top:-20px;margin-right:24px}
.vie-info li strong{display:inline-block;vertical-align:bottom;font-size:48px;line-height:1;margin-right:18px;color:#fff}
.vie-info li strong i{font-size:26px;position:relative;bottom:0;margin-left:5px}
.about-area{margin-top:66px;background:url(../../d/images/about-pic.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.area-info{float:left;width:50%;padding:50px 40px}
.area-pic{float:left;width:50%}
.pic-tab{position:relative;padding-top:64.3%}
.pic-tab img{position:absolute;left:0;top:0;width:100%;height:100%}
.area-pic .slick-next:before,.area-pic .slick-prev:before{display:none}
.area-pic .slick-next,.area-pic .slick-prev{font-size:0;top:auto;left:0;bottom:72px;z-index:99;width:32px;height:24px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.area-pic .slick-prev{margin-left:-226px;background-image:url(../../d/images/area-arrow01.png)}
.area-pic .slick-prev:hover{background-image:url(../../d/images/area-arrow03.png)}
.area-pic .slick-next{margin-left:-80px;background-image:url(../../d/images/area-arrow02.png)}
.area-pic .slick-next:hover{background-image:url(../../d/images/area-arrow04.png)}
.about-area{position:relative;z-index:1}
.about-area .pagings{position:absolute;bottom:63px;left:50%;margin-left:-172px;color:#8c8c8c;font-size:18px}
.about-area .pagings .cur{color:#fff;font-size:28px;font-weight:700}
.about-union{position:relative;padding-top:110px;z-index:0}
.about-price{position:relative}
.price-info{width:50%}
.price01{background-color:#2b6c5c;color:#fff}
.price01:before{background:rgba(43,108,92,.3)}
.price01:hover:before{background:rgba(43,108,92,.1)}
.price-con{margin-top:70px}
.price-con img{margin-left:20px}
.price-pic{position:absolute;left:50%;top:10px;width:41%}
.price-pic img{width:100%;height:auto}
.about-nation p{text-align:left}
.about-nation p img{width:100%;height:auto;margin-top:25px}
.about-ser{position:relative;padding-top:120px;margin-top:110px;background:url(../../d/images/about-ser.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden}
.about-ser li{float:left;width:49.6%;color:#fff;font-size:20px;line-height:48px;margin-bottom:130px;position:relative;padding-left:36px}
.about-ser li:before{content:"";position:absolute;left:6px;top:8px;width:4px;height:80px;background-color:#ffc747}
.about-ser li.ser-no:before{display:none}
.about-ser li i{color:#ffc747}
.ser-font{position:absolute;left:52%;top:40%;width:570px;z-index:2}
.ser-font strong{color:#ffc747;font-size:48px;line-height:1.1}
.ser-font p{color:#d3d3d3;font-size:18px;line-height:36px;margin-top:40px}
.ser-shield{position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-328px}
.ser-shield span{position:relative;display:inline-block;width:160px;height:160px;text-align:center;line-height:160px;background:rgba(255,199,71,.05);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;z-index:6}
.shield-con{position:relative;z-index:0}
.shield-line{position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:rgba(255,199,71,.05);opacity:1;z-index:-1}
.shield-con:before{content:"";position:absolute;z-index:0;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:600px;height:600px;background:rgba(255,199,71,.05);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:pulse-border 1.5s ease-out infinite;animation:pulse-border 1.5s ease-out infinite}
.shield-con:after{content:"";position:absolute;z-index:1;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:block;width:400px;height:400px;background:rgba(255,199,71,.05);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s}
@-webkit-keyframes pulse-border{
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
@keyframes pulse-border{
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

/* service style */
.top-con{padding-top:155px;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.top-ser{background-image:url(../../d/images/bantop-ser.jpg)}
.top-pro{background-image:url(../../d/images/bantop-pro.jpg);padding-bottom:100px}
.top-case{background-image:url(../../d/images/bantop-case.jpg);padding-bottom:100px}
.top-news{background-image:url(../../d/images/bantop-news.jpg);padding-bottom:100px}
.top-base{padding:70px 0}
.top-base h1{display:inline-block;color:#f0be4d;font-size:48px;line-height:1.1}
.top-base p{color:#d3d3d3;font-size:18px;line-height:30px;margin-top:55px}
.ser-idea{padding:80px 0;background-color:#f4f4f4}
.ser-idea ul{margin-left:-3%;margin-top:50px}
.ser-idea ul li{float:left;width:30.3%;margin-left:3%;position:relative}
.ser-idea ul li img{width:100%;height:auto;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.ser-idea ul li strong{position:absolute;left:0;bottom:0;width:112px;height:74px;line-height:77px;background:url(../../d/images/ser-idea.png) no-repeat;color:#fff;font-size:24px;z-index:2;padding-left:24px}
.ser-idea ul li p{position:absolute;right:0;bottom:0;left:90px;background-color:#f0be4d;line-height:50px;text-align:center;padding-left:6px;color:#333;font-size:18px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-ms-border-bottom-right-radius:10px;-o-border-bottom-right-radius:10px;border-bottom-right-radius:10px}
.ser-flow{margin-top:75px}
.ser-flow ul{margin-left:-5%;margin-top:55px}
.ser-flow ul li{float:left;width:11.6%;margin-left:5%;text-align:center;position:relative}
.ser-flow ul li:after{content:"";position:absolute;right:-28%;top:33%;width:20px;height:32px;background:url(../../d/images/ser-flow.png) no-repeat}
.ser-flow ul li.flow-last:after{display:none}
.ser-flow ul li img{max-width:100%;height:auto;-webkit-transition:all .8s cubic-bezier(.5,0,.2,1) 0s;transition:all .8s cubic-bezier(.5,0,.2,1) 0s;-moz-transition:all .8s cubic-bezier(.5,0,.2,1) 0s;-ms-transition:all .8s cubic-bezier(.5,0,.2,1) 0s;-o-transition:all .8s cubic-bezier(.5,0,.2,1) 0s}
.ser-flow ul li:hover img{transform:rotateY(0) rotateZ(360deg) rotateX(0);-webkit-transform:rotateY(0) rotateZ(360deg) rotateX(0);-moz-transform:rotateY(0) rotateZ(360deg) rotateX(0);-ms-transform:rotateY(0) rotateZ(360deg) rotateX(0);-o-transform:rotateY(0) rotateZ(360deg) rotateX(0)}
.ser-flow ul li p{color:#666;font-size:18px;line-height:24px;margin:20px 0}
.ser-parts{margin-top:80px;padding:80px 0 90px;background-color:#f4f4f4}
.part-info{float:left;width:65%}
.part-con{position:relative;margin-top:52px}
.part-con span{position:absolute;left:0;top:-6px;cursor:pointer}
.part-con span img{width:100%;height:auto}
.part-pic{float:right;width:30%}
.part-pic img{width:100%;height:auto}

/* product style */
.pro-cons{position:relative;margin-top:-95px;z-index:0;padding-top:50px}
.pro-cons:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;-webkit-border-radius:40px 40px 0 0;-moz-border-radius:40px 40px 0 0;-ms-border-radius:40px 40px 0 0;-o-border-radius:40px 40px 0 0;border-radius:40px 40px 0 0;z-index:-1}
.more-btn{float:right;width:200px;line-height:50px;background:url(../../d/images/more-btn.png) no-repeat;color:#fff;font-size:22px;padding-left:40px;position:relative;top:10px}
.more-btn:after,.more-btn:before{content:"";position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.more-btn:before{right:10px;top:10px;width:30px;height:30px;background:url(../../d/images/more-icon.png) no-repeat}
.more-btn:after{right:20px;top:19px;width:27px;height:12px;background:url(../../d/images/more-arrow.png) no-repeat}
.more-btn:hover{color:#f0be4d}
.more-btn:hover:before{right:24px}
.more-btn:hover:after{right:10px}
.pro-txt p{color:#666;font-size:18px;line-height:36px;margin-top:10px}
.pro-con{max-width:1280px;margin:0 auto}
.pro-con ul{margin-top:34px;margin-left:-2.1%;padding-bottom:100px}
.pro-con ul li{float:left;width:31.2%;margin-left:2.1%;background:url(../../d/images/pro-line.png);-webkit-box-shadow:0 3px 2px rgba(247,171,0,.3);-moz-box-shadow:0 3px 2px rgba(247,171,0,.3);-ms-box-shadow:0 3px 2px rgba(247,171,0,.3);-o-box-shadow:0 3px 2px rgba(247,171,0,.3);box-shadow:0 3px 2px rgba(247,171,0,.3);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.pro-con ul li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}
.pro-pic{position:relative;padding-top:73.9%;display:block}
.pro-pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.pro-info{padding:30px 12px}
.pro-info a{display:block;color:#333;font-size:24px;line-height:30px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px}
.pro-info a:hover{color:#014a7f}
.pro-info a:before{content:'';display:inline-block;vertical-align:middle;width:30px;height:30px;background:url(../../d/images/icon-pro.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-1px 10px 0 -4px}
.pro-info p{color:#666;font-size:18px;line-height:42px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* case style */
.color-bg{background-color:#f5f5f5}
.case-con{position:relative;margin-top:-95px}
.case-tab{padding:40px 0;background:url(../../d/images/case-line.png) left top;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(37,92,79,.15);-moz-box-shadow:0 5px 20px rgba(37,92,79,.15);-ms-box-shadow:0 5px 20px rgba(37,92,79,.15);-o-box-shadow:0 5px 20px rgba(37,92,79,.15);box-shadow:0 5px 20px rgba(37,92,79,.15)}
.case-tab li{float:left;width:20%;text-align:center;color:#666;font-size:24px;line-height:40px;position:relative;cursor:pointer}
.case-tab li:after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#aaa}
.case-tab li:last-child:after{display:none}
.case-tab li.case-on,.case-tab li:hover{color:#2b6c5c;font-weight:700}
.case-list li{margin-bottom:80px}

/* news style */
.news-con{margin-top:-95px;padding:70px 60px;background-color:#fff;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}
.hot-news{position:relative;float:left;width:62.5%}
.news-pic{position:relative;padding-top:66.25%;display:block;overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.news-pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.hot-news:hover img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.hot-name{position:absolute;left:0;bottom:0;width:100%;height:168px;background:url(../../d/images/news-hotbg01.png) no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;padding:16px 50px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px}
.hot-name a{display:block;color:#fff;font-size:30px;font-weight:700;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hot-name a:hover{color:#f0be4d}
.hot-name p{color:#d3d3d3;font-size:18px;line-height:36px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:20px}
.hot-link{float:right;width:30%;margin-top:110px;padding:44px 40px;background:-webkit-linear-gradient(left,#368873 0,#014a7f 100%);background:-moz-linear-gradient(left,#368873 0,#014a7f 100%);background:-ms-linear-gradient(left,#368873 0,#014a7f 100%);background:-o-linear-gradient(left,#368873 0,#014a7f 100%);background:linear-gradient(to right,#368873 0,#014a7f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#368873, endColorstr=#014a7f, GradientType=1);position:relative;z-index:0;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);-moz-box-shadow:0 5px 20px rgba(0,0,0,.15);-ms-box-shadow:0 5px 20px rgba(0,0,0,.15);-o-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15)}
.hot-link:after{content:"";position:absolute;left:6px;top:6px;right:6px;bottom:6px;background:url(../../d/images/link-bg.png);-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border-radius:16px;z-index:-1}
.hot-link li{color:#014a7f;font-size:18px;font-weight:700;line-height:36px;margin-bottom:20px}
.hot-link li:before{content:'';display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../../d/images/link-icon.png) no-repeat;margin-right:8px;margin-top:-2px}
.hot-link p{color:#333;font-size:18px;line-height:36px}
.link-btn{position:absolute;left:0;top:-96px;width:220px;height:62px;color:#fff;font-size:22px;line-height:56px;padding-left:20px;background:url(../../d/images/link-btn.png) no-repeat;}
.link-head{position:absolute;right:0;top:-110px;width:134px}
.link-head img{width:100%;height:auto}
.link-sell{position:absolute;top:-5px;right:-12px;width:196px;height:196px;background:url(../../d/images/link-sell.png) no-repeat;color:#fff;font-size:24px;line-height:36px;padding:16px 33px;text-align:right}
.link-sell strong{display:block;color:#f0be4d;line-height:1.1}
.link-sell strong i{font-size:48px;margin-right:3px;position:relative;top:3px}
.link-tel{position:absolute;left:-17px;bottom:-55px;width:301px;height:135px;background:url(../../d/images/link-tel.png) no-repeat;color:#f0be4d;font-size:24px;font-weight:700;line-height:135px;padding-left:50px}
.news-hots{margin-top:40px}
.news-hots ul{margin-left:-4.7%}
.news-hots ul li{float:left;width:45.3%;margin-left:4.7%;position:relative;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;overflow:hidden}
.hots-pic{position:relative;padding-top:42.6%;display:block}
.hots-pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.news-hots ul li:hover img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.hots-name{position:absolute;left:0;bottom:0;width:100%;height:147px;background:url(../../d/images/news-hotbg02.png) no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;padding:84px 30px 10px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;color:#fff;font-size:24px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-hots ul li:hover .hots-name{color:#f0be4d}
.news-list{margin-top:36px}
.news-list ul{margin-left:-4.7%}
.news-list li{float:left;width:45.3%;margin-left:4.7%;line-height:34px;margin-top:40px}
.news-list li span{float:right;width:90px;margin-left:20px;color:#aaa;font-size:16px}
.news-list li a{display:block;overflow:hidden;color:#666;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.news-list li a:before{content:'';display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../../d/images/news-icon.png) no-repeat;margin-right:8px;margin-top:-6px}
.news-list li:hover a{margin-left:4px;color:#014a7f}
.main-page{position:relative;width:100%;color:#333;font-size:16px;line-height:38px;text-align:center;margin:70px auto 70px;}
.main-page a,.main-page span{display:inline-block;color:#666;margin:0 5px;padding:0 14px;border:1px solid #dedfe0;background-color:#fff;cursor:pointer}
.main-page .current{color:#fff;border:1px solid #014a7f;background-color:#014a7f}
.pagination{display:inline-block;margin:0 auto}
.pagination li{float:left}
.active span,.disabled span{cursor:default}
.page-active span{border:1px solid #014a7f;cursor:default;display:block;padding:2px;width:40px;height:40px;line-height:35px;text-align:center}
.main-page a:hover,.page-active span,.pagination .active span,.ul-tab-page .on a{color:#fff;border:1px solid #014a7f;background:#014a7f;-webkit-box-shadow:0 5px 10px -2px rgba(37,92,79,.35);box-shadow:0 5px 10px -2px rgba(37,92,79,.35)}
.pagination ul{display:inline-block}
.dn{display:none}
.t-page{box-sizing:inherit;display:none;position:absolute;left:50%;width:600px;bottom:80px;margin-left:-300px;padding:26px 26px 10px;border:1px solid #dedfe0;z-index:10;background-color:#fff}
.t-page .close{position:absolute;right:0;top:5px;width:30px;height:30px;line-height:30px;color:#333;cursor:pointer}
.t-page .ico{content:'';position:absolute;bottom:-12px;left:50%;margin-left:-12px;width:0;height:0;border-width:12px 12px 0;border-style:solid;border-color:#dedfe0 transparent transparent}
.t-page .ico em{content:'';position:absolute;bottom:1px;left:-12px;width:0;height:0;border-width:12px 12px 0;border-style:solid;border-color:#fff transparent transparent}
.ul-page{text-align:center;overflow:hidden}
.ul-page li{float:left;margin-bottom:10px}
.ul-page li a{display:block;padding:2px;width:40px;height:40px;line-height:35px;border:1px solid #cacaca;text-align:center}
.ul-page li a,.ul-page li span{margin:0 7px}
.ul-tab-page{overflow:hidden;margin-top:20px}
.ul-tab-page li{float:left;width:20%;text-align:center;margin-bottom:15px}
.ul-tab-page li a{display:block;font-size:16px;color:#333;padding:0 12px;line-height:36px;border:1px solid #f5f5f5;background-color:#f5f5f5}

/* 案例内页 */
.pro-page{background-image:url(../../d/images/page-pro.jpg);padding-bottom:80px}
.case-page{background-image:url(../../d/images/page_case.jpg);padding-bottom:80px}
.page-top{margin-top:-25px}
.page-top .page-left{float:left;width:48%;max-width:670px;position:relative;z-index:2;margin-top:71px}
.page-top .page-left img{width:100%;border-radius:10px 60px 0 60px;-webkit-border-radius:10px 60px 0 60px;-moz-border-radius:10px 60px 0 60px;-ms-border-radius:10px 60px 0 60px;-o-border-radius:10px 60px 0 60px;box-shadow:0 3px 49px rgba(8,39,42,.2)}
.page-top .page-right{float:right;width:70%;margin-left:-20%;margin-right:7px;background-color:#fff;position:relative;z-index:1;padding:70px 50px 0 22%;border-top-left-radius:100px;height:590px}
.page-top .page-right:before{width:107px;height:89px;background:url(../../d/images/yq.png) no-repeat;background-size:100% 100%;content:"";display:block;position:absolute;top:0;right:0}
.page-top .page-right:after{background:url(../../d/images/sj_a.png) no-repeat;width:256px;height:224px;background-size:100% 100%;content:"";display:block;position:absolute;right:-22px;bottom:-22px}
.page-top .page-right h1{font-size:36px;color:#333}
.page-top .page-right li{font-size:18px;color:#4d4f53;margin-top:30px;padding-left:60px;position:relative;line-height:2em}
.page-top .page-right li:before{width:54px;height:46px;background:url(../../d/images/fk.png) no-repeat;background-size:100% 100%;position:absolute;left:-10px;top:-3px;content:"";display:block}
.page-top .page-right .box{margin-top:50px}
.page-top .page-right .box .box-left{float:left}
.page-top .page-right .box .box-left p{font-size:18px;color:#4d4f53}
.page-top .page-right .box .box-left strong{font-size:28px;color:#014a7f}
.page-top .page-right .box .box-right{width:256px;height:75px;line-height:75px;position:relative;z-index:100}

.page-top .page-right .box .box-right span {
    display: block;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 5px 20px rgba(49, 72, 125, .3);
    border-radius: 30px 10px 10px 0;
    -webkit-border-radius: 30px 10px 10px 0;
    -moz-border-radius: 30px 10px 10px 0;
    -ms-border-radius: 30px 10px 10px 0;
    -o-border-radius: 30px 10px 10px 0;
    background:#FFF;
    font-size: 24px;
    color: #206268;
    font-weight: 700
}
.nicond1{
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
.page-top .page-right .box .box-right:before{background:url(../../d/images/d_bg.png) no-repeat;width:171px;height:66px;content:"";display:block;position:absolute;right:-44%;top:5px;z-index:-1;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.page-top .page-right .box .box-right:hover:before{right:-30%;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.content-box{background:#f5f5f5}
.list-nav{background:#2e3038;padding:31px 0}
.list-nav li{float:left;width:25%;font-size:22px;color:#ccccd4;text-align:center;background:url(../../d/images/bt_icon.png) no-repeat 35% center;background-size:20px 22px;position:relative;padding-left:3%;cursor:pointer}
.list-nav li a{color:#ccccd4}
.list-nav li:after{width:1px;height:30px;background:#5f5f5f;content:"";display:block;position:absolute;right:0;top:50%;margin-top:-15px}
.list-nav li.last:after{display:none}
.content-base{background:#fff;padding:60px}
.content-left{float:left;width:63%}
.content-left .content h2{font-size:28px;color:#014a7f;position:relative;padding-left:45px;margin:32px 0 30px}
.content-left .content h2:before{background:url(../../d/images/h_bg.png) no-repeat;background-size:100% 100%;width:33px;height:22px;content:"";display:block;position:absolute;left:0;top:15px}
.content-left .content h3{font-size:26px;color:#014a7f;margin:32px 0 30px}
.content-left .content h4{font-size:24px;color:#014a7f;margin:32px 0 30px}
.content-left .content.cont-news h2{padding-left:0}
.content-left .content.cont-news h2:before{display:none}
.content-left .content.cont-news h3{padding-left:45px;position:relative}
.content-left .content.cont-news h3:before{background:url(../../d/images/h_bg.png) no-repeat;background-size:100% 100%;width:33px;height:22px;content:"";display:block;position:absolute;left:0;top:11px}
.content-left .content p{font-size:18px;color:#4d4f53;line-height:2em;margin-bottom:30px;text-indent:2em}
.content-left .content .pc_cs{margin-bottom:30px}
.content-left table{margin-top:30px}
.content-left table.zsj-table{border-top:1px solid #ccc;border-right:1px solid #ccc;margin:30px 0}
.content-left table.zsj-table td{text-align:center;border-left:1px solid #ccc;border-bottom:1px solid #ccc;line-height:36px}
.content-left table.zsj-table .zsj-name{background-color:#014a7f;color:#fff;font-weight:700}
.content-left .content p img,.content-left .content p video{max-width:800px;height:auto;width:100%;margin-left:-2em}
.content-left .content p.font-explain,.content-left .content p.img-ms{text-align:center;font-size:18px;color:#b4861d;margin-left:-2em}
.content-left .content p strong{font-size:20px;color:#4d4f53}
.content-left .content p a{padding:0 4px;color:#da251d}
.content-left .content p a:hover{text-decoration:underline}
.nrswt{position:relative;display:inline-block;height:54px;line-height:54px;background:url(../../d/images/btn-fc.png) repeat-x;margin-left:30px;margin-right:55px;cursor:pointer;text-indent:0}
.nrswt:before{content:"";position:absolute;left:-25px;top:0;width:25px;height:54px;background:url(../../d/images/btn-fl.png) no-repeat}
.nrswt:after{content:"";position:absolute;right:-50px;top:0;width:50px;height:54px;background:url(../../d/images/btn-fr.png) no-repeat}
.nrswt:hover{font-weight:700}
.content-left .content table td{padding:5px 2px;word-break:break-all}
.case-pro{margin-top:70px}
.case-pro strong{font-size:36px;text-align:center;color:#255d50;background:-webkit-linear-gradient(330deg,#368773 0,#255d50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.case-pro strong span{color:#255d50}
.case-pro ul{margin-left:-2.5%;margin-top:30px}
.case-pro ul li{float:left;width:22.5%;margin-left:2.5%;text-align:center}
.case-pro ul li a{display:block;overflow:hidden}
.case-pro li img{-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}
.case-pro li:hover img{-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08)}
.case-pro li p a{line-height:16px;margin:20px auto;color:#4d4f53}
.content-right{float:right;width:31%;padding-right:15px}
.content-right .hot-link{width:auto;float:none}
.content-right .hot-link .link-bj{font-size:24px;color:#fff}
.content-right .hot-link .link-bj{position:absolute;top:0;right:0;width:174px;height:188px;background:url(../../d/images/link_bg.png) no-repeat;color:#fff;font-size:24px;line-height:36px;padding:16px 15px 0;text-align:right;cursor:pointer}
.content-right .hot-link .link-bj:hover{color:#f0be4d}
.xg-pro{background:#014a7f;background:-webkit-linear-gradient(left,#368873 0,#014a7f 100%);background:-moz-linear-gradient(left,#368873 0,#014a7f 100%);background:-ms-linear-gradient(left,#368873 0,#014a7f 100%);background:-o-linear-gradient(left,#368873 0,#014a7f 100%);background:linear-gradient(to right,#368873 0,#014a7f 100%);position:relative;box-shadow:0 5px 20px rgba(0,0,0,.15)}

.xg-pro:after {
    content: "";
    display: block;
    background: url(../../d/images/nwbg.jpg);
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px
}

.xg-pro strong {
    font-size: 24px;
    color: #fff;
    background: url(../../d/images/hot_pro.png) no-repeat;
    width: 365px;
    height: 79px;
    line-height: 70px;
    text-align: center;
    display: none;
    background-size: 100% 100%;
    position: absolute;
    left: -15px;
    top: 45px;
    z-index: 20;
}
.xg-pro ul{position:relative;z-index:10;padding:125px 31px 30px}
.xg-pro ul li{text-align:center;margin-top:30px}
.xg-pro ul li .img-pic{position:relative;padding-top:73.9%;display:block;margin-bottom:11px;overflow:hidden}
.xg-pro ul li .img-pic img{position:absolute;left:0;top:0;width:100%;display:block;-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}
.xg-pro ul li .img-pic:hover img{-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08)}
.xg-pro ul li a{font-size:18px;line-height:2em;color:#333;display:block}
.xg-pro ul li:hover a{color:#f0be4d;font-weight:700}

.xg-pro ul:before{
    content: '';
    display: block;
    height: 110px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 15px;
    background: url("../../d/images/nyLinkPro.png") center no-repeat;
}
.xg-pro ul:after{
    content: '';
    display: block;
    height: 44px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 12px;
    background: url("../../d/images/nybt.png") center no-repeat;
}

/* 留言板 */
.messages{background:url(../../d/images/mes_bg.png) no-repeat;width:826px;height:679px;background-size:100% 100%;margin-top:30px}
.mes-left{float:left;padding-top:263px;width:40%}
.mes-left strong{font-size:24px;color:#f5f8ff;display:block;padding-left:125px}
.mes-left li{font-size:24px;color:#f5f8ff;margin-top:50px}
.mes-left li.one{padding-left:95px}
.mes-left li.two{padding-left:87px}
.mes-left li.three{padding-left:77px}
.mes-right{float:left;width:60%;padding-right:90px;padding-top:70px;position:relative}
.mes-right strong{font-size:36px;color:#255d50;background:-webkit-linear-gradient(330deg,#368773 0,#255d50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}
.mes-right:before{background:url(../../d/images/mesage_bg.png) no-repeat;background-size:100% 100%;width:284px;height:46px;content:"";display:block;position:absolute;left:0;top:75px}
.mes-right p{font-size:18px;color:#4d4f53;line-height:2em;margin-top:10px}
.mes-right form{margin-top:40px}
.mes-right form li{margin-top:22px;position:relative}
.mes-right form li.one:before{background:url(../../d/images/icon_1.png) no-repeat;background-size:100% 100%;width:23px;height:24px;content:"";display:block;position:absolute;top:50%;margin-top:-15px;left:25px}
.mes-right form li.two:before{background:url(../../d/images/icon_2.png) no-repeat;background-size:100% 100%;width:23px;height:24px;content:"";display:block;position:absolute;top:50%;margin-top:-12px;left:25px}
.mes-right form li.three:before{background:url(../../d/images/icon_3.png) no-repeat;background-size:100% 100%;width:23px;height:24px;content:"";display:block;position:absolute;top:25px;left:25px}
.mes-right form li input{border:1px solid #dedef0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;font-size:18px;color:#4d4f53;width:100%;padding:17px 30px 17px 60px}
.mes-right form li textarea{border:1px solid #dedef0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;height:140px;width:100%;font-size:18px;color:#4d4f53;padding:15px 30px 15px 60px;line-height:2em}
.mes-right form li textarea::-webkit-input-placeholder{color:#000}
.mes-right form li textarea::-moz-placeholder{color:#000}
.mes-right form li textarea:-ms-input-placeholder{color:#000}
.mes-right form li textarea:-moz-placeholder{color:#000}
.mes-right form li textarea::-webkit-input-placeholder{color:#4d4f53}
.msg-btn{position:relative;z-index:10}
.msg-btn .box{position:relative;background:#ffc11f;background:-webkit-linear-gradient(#fed845 ,#ffc11f);background:-o-linear-gradient(#fed845,#ffc11f);background:-moz-linear-gradient(#fed845,#ffc11f);background:linear-gradient(#fed845 ,#ffc11f);width:100%;text-align:center;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;margin-top:30px;cursor:pointer;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.msg-btn .box:hover{box-shadow:0 5px 20px rgba(25,64,54,.5);transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.msg-btn:before{width:100%;text-align:center;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;margin-top:30px;background:rgba(175,175,175,.5);content:"";display:block;height:50px;line-height:50px;position:absolute;bottom:-5px;z-index:-1;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.msg-btn:hover:before{bottom:0;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.msg-btn input{font-size:22px;color:#111;background:0 0;height:50px;line-height:50px;width:100%;cursor:pointer}
.mes-right form li input:-webkit-autofill{-webkit-text-fill-color: #4d4f53;-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;box-shadow: 0 0 0px 1000px #fff inset !important;}

/* 产品内页 */
.page-top .proPage-right li{margin-top:15px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.list-nav li.active,.list-nav li.active a,.list-nav li:hover,.list-nav li:hover a{color:#f0be4d}
.list-nav li.active,.list-nav li:hover{background:url(../../d/images/bt_icon2.png) no-repeat 35% center}
.prev-next{background:#f5f5f5;border-radius:30px 0 30px 0;-webkit-border-radius:30px 0 30px 0;-moz-border-radius:30px 0 30px 0;-ms-border-radius:30px 0 30px 0;-o-border-radius:30px 0 30px 0;padding:16px 0;margin-bottom:40px;margin-top:50px}
.prev-next ul{overflow:hidden}
.prev-next li{float:left;width:50%;padding:0 30px}
.prev-next li a{font-size:16px;color:#4d4f53;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.prev-next li:hover a{color:#b4861d;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.case-scene{margin:60px 0;position:relative}
.txt-rele{position:relative;line-height:36px}
.txt-rele strong{font-size:36px;color:#255d50;background:-webkit-linear-gradient(330deg,#368773 0,#255d50 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:50px;position:relative}
.txt-rele:before{background:url(../../d/images/case_bg.png) no-repeat;background-size:100% 100%;width:164px;height:46px;content:"";display:block;position:absolute;left:0;top:-5px}
.txt-rele a{float:right;color:#666}
.txt-rele a:hover{color:#014a7f;text-decoration:underline}

.scene li{overflow:hidden;margin-top:50px}
.scene .scene-left{float:left;width:50%;overflow:hidden}
.scene .scene-left img{border-top-right-radius:60px;display:block;width:100%;-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}
.scene .scene-left:hover img{-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08)}
.scene .scene-right{float:right;width:50%;padding-left:30px}
.scene .scene-right h3{margin-bottom:40px}
.scene .scene-right h3:hover a{color:#b4861d}
.scene .scene-right h3 a{font-size:26px;color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scene .scene-right .xq-js p{font-size:18px;color:#4d4f53;line-height:2em;margin-top:15px;position:relative;padding-left:35px}
.scene .scene-right .xq-js p:before{position:absolute;left:0;top:10px;content:'';display:inline-block;vertical-align:middle;width:20px;height:18px;background:url(../../d/images/jt_icon.png) no-repeat}
.scene .scene-right .xq-js p strong{font-size:18px;color:#4d4f53}
.caseList li{width:16.666%}
.proList{background-color:#fff;padding:26px 60px 0;margin-top:60px;border-radius:40px 40px 0 0;-webkit-border-radius:40px 40px 0 0;-moz-border-radius:40px 40px 0 0;-ms-border-radius:40px 40px 0 0;-o-border-radius:40px 40px 0 0}
.proList ul{padding-bottom:45px}
.proList li{margin-bottom:35px}
.proList h2{font-size:28px;color:#333;margin-bottom:40px}
.proList h2:before{width:8px;height:40px;background:#2b6c5c;content:"";display:inline-block;vertical-align:middle;margin-right:20px;margin-top:-8px}

/* 新闻内页 */
.top-page{padding:70px 0}
.top-page h1{font-size:40px;color:#f0be4d;margin-bottom:20px}
.author-time span{font-size:18px;color:#d3d3d3;margin-right:40px}
.new-cut{float:right;margin-top:-39px;margin-right:60px}
.new-cut a{background-color:#666;padding:15px 27px;border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-ms-border-radius:6px 6px 0 0;-o-border-radius:6px 6px 0 0;margin-left:20px;transition:all ease .6s;-webkit-transition:all ease .6s;-moz-transition:all ease .6s;-ms-transition:all ease .6s;-o-transition:all ease .6s}
.new-cut a:hover{background-color:#2d7261;transition:all ease .6s;-webkit-transition:all ease .6s;-moz-transition:all ease .6s;-ms-transition:all ease .6s;-o-transition:all ease .6s}
.news-page{position:relative;margin-top:-95px}
.news-page .content-base{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:50px 60px 60px}
.news-pn{box-shadow:0 5px 10px rgba(36,87,76,.3);border-radius:50px 0 50px 0;-webkit-border-radius:50px 0 50px 0;-moz-border-radius:50px 0 50px 0;-ms-border-radius:50px 0 50px 0;-o-border-radius:50px 0 50px 0;padding:0 30px;margin:60px 0}
.news-pn p,.news-pn p a{font-size:18px;color:#4d4f53;padding:20px 0;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.news-pn p:hover a{color:#b4861d;font-weight:700;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.news-pn p.prev{border-bottom:1px dashed #dedfe0}
.news-pn p.prev:before{background-image:url(../../d/images/prev.png)}
.news-pn p.next:before{background-image:url(../../d/images/next.png)}
.news-pn p:before{width:20px;height:20px;content:"";display:inline-block;vertical-align:middle;margin-right:10px;margin-top:-2px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:#255d4f;background-position:center;background-repeat:no-repeat;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
.news-pn p:hover:before{background-color:#b4861d;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}

/* 联系我们 */
.top-cact{background:url(../../d/images/cact-pic.jpg) bottom center;padding-bottom:130px;background-size:cover}
.top-cact h1{display:inline-block;color:#f0be4d;font-size:48px;line-height:1.1}
.top-cact p{width:57%}
.bottom-base{overflow:hidden;margin-top:80px}
.bot-left{float:left;background:url(../../d/images/more-btn2.png) no-repeat;background-size:100% 100%;width:230px;height:70px;line-height:70px;color:#fff;font-size:22px;text-align:center;padding-right:40px;position:relative;cursor:pointer}
.bot-left:before{content:"";position:absolute;right:32px;top:20px;width:30px;height:30px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:url(../../d/images/area-icon.png) no-repeat}
.bot-left:hover{color:#f0be4d}
.bot-left:hover:before{right:28px}
.bot-right{float:left;width:30%;margin-left:60px}
.bot-right p{font-size:20px;color:#d3d3d3;line-height:1.4em;margin-top:0}
.bot-right strong{font-size:30px;color:#f0be4d}
.cact-client{text-align:center;background:url(../../d/images/yc_bg.jpg) no-repeat center #fafbfc;padding-bottom:60px;-webkit-background-size:cover;background-size:cover;margin-top:-1px}
.cact-client h2,.cact-client strong{font-size:46px;color:#333;display:block}
.cact-client p{font-size:18px;line-height:2em;color:#666}
.cact-client ul{overflow:hidden;margin-left:-2.75%;margin-top:63px}
.cact-client li{float:left;background:url(../../d/images/li_bg.png) no-repeat;background-size:100%;width:248px;height:401px;padding:60px 25px;margin-left:2.75%}
.cact-client li.mt{margin-top:140px}
.cact-client li span{display:block;font-size:18px;color:#fff;width:44px;height:44px;line-height:44px;text-align:center;font-weight:700;background:#014a7f;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin:0 auto}
.cact-client li strong{font-size:22px;color:#014a7f;line-height:1.6em;display:block;margin:15px auto 10px}
.cact-foot{background:url(../../d/images/cact-foot.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover;padding:90px 0}
.cactLeft{float:left;width:50%;padding-right:2%}
.cactLeft strong{font-size:48px;color:#f0be4d}
.cactLeft p{font-size:18px;line-height:2em;color:#d3d3d3;margin-top:15px}
.cactLeft form{margin-top:40px}
.cactLeft ul{margin-left:-6%;overflow:hidden}
.cactLeft li{float:left;width:44%;margin-left:6%;position:relative}
.cactLeft li input{background:rgba(122,122,122,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932363E, endColorstr=#9932363E);width:100%;padding:18px 20px;color:#d3d3d3;font-size:18px}
.cactLeft li.bt:before{content:"*";color:red;display:block;width:15px;height:15px;position:absolute;left:7px;top:50%;margin-top:-9px}
.cactLeft li.text-box{width:94%;margin-top:30px;margin-bottom:60px}
.cactLeft li textarea{background:rgba(122,122,122,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932363E, endColorstr=#9932363E);outline:0;width:100%;color:#d3d3d3;height:170px;padding:18px 20px;font-size:18px}
.cactLeft li textarea::-webkit-input-placeholder{color:#d3d3d3}
.cactLeft form .button input{background:#fb2840;overflow:hidden;background-image:linear-gradient(90deg,#fb2840 30%,#fe5e60 50%,#fb2840);background-position:left center;background-size:200% 100%;background-repeat:no-repeat;width:260px;height:70px;line-height:70px;text-align:center;color:#fff;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;font-size:24px;cursor:pointer;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.cactLeft form .button input:hover{background-position:right center;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.cactLeft li input:-webkit-autofill{-webkit-text-fill-color: #d3d3d3;-webkit-box-shadow: 0 0 0px 1000px #2c2f36 inset !important;box-shadow: 0 0 0px 1000px #2c2f36 inset !important;}
.cactRight{float:left;width:50%;padding-left:9%;margin-top:100px}
.cactRight p{font-size:18px;color:#d3d3d3;position:relative}
.cactRight p:before{background:url(../../d/images/wz.png) no-repeat;width:16px;height:16px;background-size:100% 100%;content:"";display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:24px}
.cactRight strong{font-size:28px;color:#fff;font-weight:700;position:relative;display:block;margin-top:50px;margin-bottom:5px}
.cactRight strong:before{background:url(../../d/images/dh.png) no-repeat;width:16px;height:16px;background-size:100% 100%;content:"";display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:24px}
/* .cactRight span{font-size:18px;color:#d3d3d3;display:block;padding-left:40px} */
.map{margin-top:60px;position:relative;height: 346px;}
#map *{box-sizing: content-box;max-width: none;}
.BMapLib_sendToPhone{display: none;}
.map-wz{position:absolute;top:145px;right:42%;z-index:10}
.point:after{width:80px;height:80px;content:'';display:block;position:absolute;top:-20px;right:0;bottom:0;left:-20px;border-radius:50%;background:rgba(255,255,255,.5);opacity:0;-webkit-animation:ripple 2.2s ease-out 50ms infinite;-moz-animation:ripple 2.5s ease-out .5s infinite;-o-animation:ripple 2.5s ease-out .5s infinite;animation:ripple 2.2s ease-out 50ms infinite;z-index:-1}
@-webkit-keyframes ripple{
    0%{opacity:0;-webkit-transform:scale(.1,.1)}
    5%{opacity:1}
    100%{opacity:0;-webkit-transform:scale(1)}
}
@-moz-keyframes ripple{
    0%{opacity:0;-moz-transform:scale(.1,.1)}
    5%{opacity:1}
    100%{opacity:0;-moz-transform:scale(1)}
}
@-o-keyframes ripple{
    0%{opacity:0;-o-transform:scale(.1,.1)}
    5%{opacity:1}
    100%{opacity:0;-o-transform:scale(1)}
}
@keyframes ripple{
    0%{opacity:0;-webkit-transform:scale(.1,.1);-moz-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1)}
    5%{opacity:1}
    100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

/* 404 */
.body{background:#f5f5f5}
.body .header{position:static}
.body .head-con .nav li a{color:#333}
.body .top-tel p{background:url(../../d/images/tel-phone.png) no-repeat left center;color:#333}
.four-page{overflow:hidden;padding:100px 0 175px}
.four-page .four-left,.four-page .four-right{float:left;width:50%}
.four-page .four-right strong{font-size:52px;color:#275e51;display:block;margin-bottom:60px}
.four-page .four-right p{font-size:18px;color:#4d4f53;line-height:2.6em}
.four-page .four-right ul{overflow:hidden;padding:30px 50px 30px 0;margin-top:80px}
.four-page .four-right li{float:left;width:210px;height:66px;line-height:66px;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}
.four-page .four-right li.one{background:#255d50;overflow:hidden;background-image:linear-gradient(90deg,#255d50 30%,#368873 50%,#255d50);background-position:left center;background-size:200% 100%;background-repeat:no-repeat;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.four-page .four-right li.one:hover{box-shadow:0 5px 20px rgba(0,0,0,.15);background-position:right center;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.four-page .four-right li.one a{color:#fff;font-size:18px;display:block}
.four-page .four-right li.two{box-shadow:0 5px 20px rgba(0,0,0,.15);margin-left:40px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;cursor:pointer;font-size:18px}
.four-page .four-right li.two:hover{color:#fff;background:#255d50;background:-webkit-linear-gradient(left,#368873 ,#255d50);background:-o-linear-gradient(right,#368873,#255d50);background:-moz-linear-gradient(right,#368873,#255d50);background:linear-gradient(to right,#368873 ,#255d50);transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.four-page .four-right li.two:hover a{color:#fff}
.four-page .four-right li.two a{font-size:18px;color:#333;display:block}

/* 二维码 */
.wp{max-width:750px;width:100%;margin:0 auto}
.ewm-box{padding:75px 50px}
.ewm-box a{display:block;background:-webkit-linear-gradient(left,#368873 ,#255d50);background:-o-linear-gradient(right,#368873,#255d50);background:-moz-linear-gradient(right,#368873,#255d50);background:linear-gradient(to right,#368873 ,#255d50);height:100px;width:100%;line-height:100px;font-size:38px;font-weight:700;color:#fff;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin-top:125px}
.ewm-box p{font-size:26px;color:#4d4f53;line-height:1.4em;text-align:center;margin-top:40px}
.icon-bg{border-top:20px solid #f5f5f5;padding:50px}

/* 悬浮框 */
.fixed-right{position:fixed;right:20px;bottom:22%;z-index:9999;background:url(../../d/images/fixed-bgw.png) no-repeat;background-size:100% 100%;width:160px;height:445px;font-weight:300}
.fixed-fix{position:fixed;right:20px;bottom:22%;z-index:9999;display:block;background:url(../../d/images/fixed-bgw.png) no-repeat;background-size:100% 100%;width:160px;height:445px;font-weight:300}
.fixed-fix .online-service,.fixed-right .online-service{width:140px;height:49px;line-height:42px;text-align:center;display:block;font-size:18px;cursor:pointer;color:#ffffff;}
.fixed-fix .online-service:hover,.fixed-right .online-service:hover{color:#ffde99;}
.fixed-head{display: block;cursor: pointer;margin: 0 4px;}
.fixed-head img{width: 100%;}
.fixed-linkw{margin: 32px 10px 0;}
.fixed-linkw li{background: url(../../d/images/fixed-btnw.png) no-repeat center;cursor: pointer;margin-bottom: 10px;}
.message-consult,.phone-bj{display:block;width:140px;height:49px;line-height:42px;text-align:center;color:#fff;font-size:18px;cursor:pointer;}
.message-consult:hover,.phone-bj:hover{color:#fae3b3}
.phone-quote{position:relative}
.phone-quote .box{display:none;position:absolute;top:-48px;right:116%;width:246px;height:144px;background:url(../../d/images/ewm-telbg.png) no-repeat;background-size:100% 100%;padding:13px}
.phone-quote .box-left{float:left;width: 112px;}
.phone-quote .box-left img{width: 100%;margin-top: -30px;-webkit-box-shadow: 0 0 10px rgba(46,115,99,.3);-moz-box-shadow: 0 0 10px rgba(46,115,99,.3);-ms-box-shadow: 0 0 10px rgba(46,115,99,.3);-o-box-shadow: 0 0 10px rgba(46,115,99,.3);box-shadow: 0 0 10px rgba(46,115,99,.3);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.phone-quote .box-right{float: left;color: #FFF;font-size: 18px;margin-left: 16px;margin-top: 8px;line-height: 1.5;}
.phone-quote .box strong{font-size: 24px;color: #ffcb52;display: block;margin-top: 3px;text-align: center;}
#back-top{text-align:center;color:#fce8be;font-size:16px;margin-top:30px;cursor:pointer;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;position: relative;padding-top: 16px;}
#back-top:after{content: "";position: absolute;left: 0;right:0;top: 0;margin: 0 auto; width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #f9e6bd;}
#back-top:hover{color:#f0be4d;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
#back-top:hover:after{border-bottom:12px solid #f0be4d}
.pro-read li{line-height:36px;margin-top:30px}
.pro-read li a{display:block;color:#666;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.pro-read li a:before{content:'';display:inline-block;vertical-align:middle;width:20px;height:18px;background:url(../../d/images/jt_icon.png) no-repeat;margin-right:20px;margin-top:-6px}
.pro-read li:hover a{margin-left:4px;color:#014a7f}

/* 参数 */
.data-list{margin-top:36px}
.data-list ul{overflow:hidden;margin-left:-2%;margin-bottom:0}
.data-list ul li{float:none;width:auto;display:inline-block;margin-left:2%;color:#666;font-size:18px;padding-left:0;box-sizing:border-box;cursor:pointer;margin-bottom:30px;border-radius:25px 0 25px 0;background-color:#fff;border:1px solid #dedfe0}
.data-list ul li span{display:block;padding:10px 30px;line-height:1.5}
.data-list ul li:hover{color:#014a7f}
.data-list ul li.cur{position:relative;z-index:2;padding:2px;text-align:center;border:none;background:-moz-linear-gradient(left,#368873 0,#014a7f 100%);background:-webkit-linear-gradient(left,#368873 0,#014a7f 100%);background:-o-linear-gradient(left,#368873 0,#014a7f 100%);background:-ms-linear-gradient(left,#368873 0,#014a7f 100%);background:linear-gradient(to right,#368873 0,#014a7f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#368873, endColorstr=#014a7f, GradientType=0 );-webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);-moz-box-shadow:0 3px 8px rgba(0,0,0,.15);box-shadow:0 3px 8px rgba(0,0,0,.15)}
.data-list ul li.cur span{display:block;color:#333;font-weight:700;width:100%;height:100%;background-color:#fff;border-radius:24px 0 24px 0}
.data-no{display:none}
.data-link{margin:50px 0 40px;padding-left:15px;text-align:center}
.data-link strong{display:inline-block;color:#fff;font-size:18px;position:relative;z-index:0;text-align:center;line-height:60px;width:375px;font-weight:400}
.data-link strong:before{content:"";position:absolute;left:0;top:0;width:375px;height:60px;background:url(../../d/images/data-link01.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;z-index:-1}
.link-cons{padding:30px;margin-top:-28px;background-color:#fff;-webkit-box-shadow:0 3px 15px rgba(0,0,0,.2);-moz-box-shadow:0 3px 15px rgba(0,0,0,.2);-ms-box-shadow:0 3px 15px rgba(0,0,0,.2);-o-box-shadow:0 3px 15px rgba(0,0,0,.2);box-shadow:0 3px 15px rgba(0,0,0,.2);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.link-cons a{display:inline-block;line-height:50px;padding:0 30px;background-color:#014a7f;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.15);-moz-box-shadow:0 3px 10px rgba(0,0,0,.15);-ms-box-shadow:0 3px 10px rgba(0,0,0,.15);-o-box-shadow:0 3px 10px rgba(0,0,0,.15);box-shadow:0 3px 10px rgba(0,0,0,.15);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;position:relative;z-index:0;color:#393b45;font-size:18px;margin-right:26px;text-align:center;margin-top:20px}
.link-cons a:before{content:"";position:absolute;left:-4px;top:-4px;width:100%;height:100%;background:url(../../d/images/data-link02.png) left top;z-index:-1;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.link-cons a:hover{color:#014a7f}

/* 相关文章 */
.more-news{background-color:#fff;padding:70px 60px 80px}
.more-tit{color:#333;font-size:36px;font-weight:700;line-height:1.1;position:relative;padding-left:50px}
.more-tit:before{content:"";position:absolute;left:0;top:4px;width:36px;height:36px;background:url(../../d/images/more-news.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.more-tit h1{font-size:36px;display:inline-block}
.more-tit i{margin-left:12px}
.more-tit a{color:#014a7f}
.more-tit a:hover{color:#f0be4d}
.content-news{margin-top:-50px}
.content-news .xg-new{margin-top:0}
.news-pave{margin-top:50px;margin-bottom:-30px}
.news-pave ul{margin-left:-4.7%}
.news-pave ul li{float:left;width:45.3%;margin-left:4.7%;position:relative;padding:25px 30px;margin-bottom:30px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 3px 15px rgba(37,92,79,.15);-moz-box-shadow:0 3px 15px rgba(37,92,79,.15);-ms-box-shadow:0 3px 15px rgba(37,92,79,.15);-o-box-shadow:0 3px 15px rgba(37,92,79,.15);box-shadow:0 3px 15px rgba(37,92,79,.15)}
.pave-txt{display:block;font-size:22px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:36px}
.pave-txt:hover{color:#014a7f}
.pave-pic{clear:both;overflow:hidden;margin:22px 0;margin-left:-2%}
.pave-pic a{float:left;width:31.3%;margin-left:2%}
.pave-pic a img{width:100%;height:115px;-o-object-fit:cover;object-fit:cover;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}
.news-pave p{color:#aaa;line-height:20px}
@media screen and (max-width:4000px) and (min-width:2000px){
    .ban-item:before{width:38%}
    .about-union:before{display: none;}
}
@media screen and (max-width:1919px){
    .item01{background:url(../../d/images/ban-bg01.jpg) center}
    .item01{background-size:auto}
    .nav li{margin-right:20px}
    .btn-more{width:145px;line-height:48px}
    .ban-btn{margin-top:100px;margin-left:36%}
    .ban-txt a{font-size:80px}
    .ban-txt i{font-size:100px}
    .ban-con .slick-prev{margin-left:-750px}
    .paging{margin-left:-660px}
    .tab-list{padding:20px 10px 25px 90px;margin:22px 0 22px 70px}
    .link-con{margin-left:6%}
    .index-cont:before{width:95%}
    .index-cont{padding:55px 5% 55px 15%}
    .vie-info li{margin-top:50px}
    .page-top .page-right .box{margin-top:40px}
    .index-pice .pice{top:20px}
    .pice-bottom{margin-top:20px}
    .pice-bottom .piceLeft strong{font-size:22px}
    .tab-list{margin-left:66px}
    .tab-pro{width:44%;left:-53px;top:16px}
}
@media screen and (max-width:1699px){
    .ban-txt a.txt-font{padding-top:1%}
}
@media screen and (max-width:1599px){
    .wrap{width:94%}
    .tab-pro{width:48%}
    .nav{margin-left:35px}
    .ban-txt a{font-size:60px}
    .ban-txt a.txt-font{font-size:55px}
    .ban-txt i{font-size:72px}
    .ban-item:before{top:175px;width:32%}
    .ban-pic{width:50%;margin-right:8%}
    .ban-pic:after{z-index:-1;background-size:100% 100%;top:-30px;width:190px;height:510px}
    .ban-con .slick-prev{margin-left:-45%}
    .ban-con .slick-next{margin-left:-30%}
    .paging{margin-left:-38%;bottom:45px}
    .tab-info a{font-size:16px}
    .tab-info p{font-size:14px;margin-top:5px}
    .tab-list{padding:20px 10px 25px 70px}
    .cont-font{font-size:24px}
    .edit-area textarea,.edit-text label input{width:210px}
    .index-cont{padding:55px 3% 55px 18%}
    .type-txt{padding-left:40px}
    .type-txt a{font-size:36px}
    .top-about{background-size:100% 100%}
    .page-top .page-right .box .box-right{width:220px;height:58px;line-height:58px}
    .page-top .page-right .box .box-right:before{height:58px}
    .cact-client li{width:233px}
    .hot-name{height:157px}
    .news-hots{margin-top:80px}
    .hots-name{height:137px}
    .page-top .page-right h1{font-size:32px}
    .index-pice .pice{width:66%}
    .pice-bottom .piceLeft a{width:280px;height:70px;line-height:70px;font-size:20px;margin-top:35px}
    .pice-bottom .piceLeft strong{font-size:20px}
    .index-case:before{top:40px;}
}
@media screen and (max-width:1499px){
    .about-txt p i{display:none}
}
@media screen and (max-width:1399px){
    .wrap{width:96%}
    .cact-client p,.nav li a{font-size:16px}
    .top-tel p strong{font-size:22px}
    .ban-pic span{font-size:20px}
    .tab-list{padding:16px 12px 16px 50px}
    .tab-pro{top:15px}
    .ban-con .slick-next,.ban-con .slick-prev{width:35px;height:35px;bottom:136px}
    .paging{margin-left:-39%}
    .ban-btn{margin-top:106px}
    .type-txt a{font-size:28px}
    .type-link{width:80px;height:80px;margin-left:-40px;margin-top:-40px}
    .type-txt{padding-left:10px}
    .ban-txt a{font-size:48px}
    .ban-txt a.txt-font{font-size:46px}
    .about-txt h1,.about-txt h2,.base-txt h2,.cact-client h2,.cactLeft strong,.hot-txt h2,.index-pice .pice h2,.index-txt h2,.ser-font strong,.top-base strong,.txt-name h2{font-size:38px}
    .about-txt strong,.base-txt strong,.cact-client strong,.index-pice .pice strong,.index-txt strong{font-size:38px}
    .pice-bottom .piceLeft strong{font-size:20px}
    .index-cont:after{width:170px;height:260px}
    .index-cont{padding:55px 5% 55px 15%}
    .cont-font{font-size:18px}
    .edit-area,.edit-btn,.edit-text{margin-left:15px}
    .link-con dt a{font-size:24px}
    .index-link:before{left:0}
    .link-con{width:15%;margin-left:5%}
    .price-pic{left:57%}
    .price-info{width:60%}
    .page-top .page-right li{margin-top:20px}
    .top-cact h1{font-size:42px}
    .cact-client li{width:204px}
    .cact-client li span{width:38px;height:38px;line-height:38px;font-size:16px}
    .cact-client li strong{font-size:18px;margin:7px auto}
    .cact-client{padding-bottom:0}
    .cact-foot{padding:60px 0 50px}
    .cactRight{margin-top: 86px;}
    .cactLeft form .button input{width:210px;height:58px;line-height:58px;font-size:18px}
    .news-con,.news-page .content-base{padding:40px 30px}
    .content-right,.hot-link{width:34%}
    .hot-name{height:140px;padding:0 50px}
    .hots-name{height:120px;padding:60px 30px 15px}
    .pro-cons{padding:40px}
    .content-base{padding:30px 30px 60px}
    .content-right{padding-right:0}
    .scene .scene-right{padding-left:15px}
    .scene .scene-right h3{font-size:22px;margin-bottom:15px}
    .scene .scene-right .xq-js p{padding-left:25px;margin-top:10px;font-size:16px}
    .scene li{margin-top:25px}
    .case-scene{margin:35px 0}
    .about-info ul{margin-top:25px}
    .about-info span{margin-top:30px}
    .index-pice .pice{left:30%}
    .index-pice .pice p{margin-top:5px}
    .pice-bottom .piceLeft a{margin-top:15px}
    .video-info li{margin-bottom:60px}
    .index-video{padding-bottom:100px}
    .index-video:before{background:#1d2025}
    .pice-bottom .piceLeft .btn-price{height:72px;line-height:72px}
    .four-page .four-right strong{font-size:50px}
    .ser-idea ul li p{font-size:16px}
}
@media screen and (max-width:1313px){
    .about-txt p{margin-top:50px}
}
@media screen and (max-width:749px){
    .ewm-box,.icon-bg{padding:20px 10px}
    .ewm-box a{height:70px;line-height:70px;font-size:28px;margin:50px auto 0}
}
@media screen and (max-width:479px){
    .ewm-box a{height:56px;line-height:56px;font-size:24px}
    .ewm-box p{font-size:18px}
}
@media screen and (max-width:374px){
    .ewm-box a{font-size:18px}
}

/* 首页 - 环保专题 */
.index-green{position:relative;z-index:0;background:url(../../d/images/green-bg.png);margin-top:40px}
.index-green:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:120px;background-color:rgba(240,190,77,.5);z-index:-1}
.green-show{padding:46px 60px 0;width:50%}
.green-show strong{font-size:38px;line-height:1.2;color:#fff;display:block;margin-bottom:40px}
.green-info{background-color:#014a7f;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-ms-border-radius:20px 20px 0 0;-o-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;padding:30px;text-align:center}
.green-info p{position:relative;color:#e8e8e8;font-size:18px;line-height:2;padding-left:24px;margin-bottom:24px;text-align:left}
.green-info p:before{content:"";position:absolute;left:0;top:13px;width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:2px solid #f0be4d}
.green-info a{margin-top:20px;margin-bottom:12px}
.green-pic{position:absolute;right:0;top:0;bottom:0;width:50%}
.green-pic img{width:100%;height:100%;-webkit-object-fit:cover;object-fit:cover}

/* bmz */
.ban-bmz{width:100%;height:100vh;position:relative;z-index:999999}
.bmzClose{position:absolute;right:20px;top:20px;color:#fff;font-size:22px;line-height:48px;padding:0 20px;background:rgba(0,0,0,.6);-webkit-border-radius:48px;border-radius:48px;cursor:pointer}
.ban-bmz a{display:block}
.ban-bmz a img{width:100%;height:100vh;-webkit-object-fit:cover;object-fit:cover}
.bmzClose i{font-size:20px;margin-left:8px}

/* 新闻内页样式 */
.special1-scx{padding:50px 30px 60px;background: url(../../d/images/special1-bg.png);border:1px solid #CCC;position: relative;margin-bottom: 40px;}
.special1-scx:after{content: "";position: absolute;left: 0;right:0;bottom: -8px;margin:0 auto;width:88px;height: 17px;background: url(../../d/images/special1-icon.gif) no-repeat;}
.special1-scx strong{display: block; color: #333;font-size: 22px;line-height: 2em;position: relative;margin-bottom:30px;}
.special1-scx strong:before{content: "";position: absolute;left: -31px;top: -3px;width: 8px;height: 50px;background-color: #33806f;border:1px solid #CCC;}
.content-left .content .special1-scx p{text-indent:0;margin-bottom: 6px;}

.special1-khwd{padding:30px 30px 60px;background: url(../../d/images/special1-bg.png);border:1px solid #CCC;position: relative;margin-bottom: 40px;}
.special1-khwd:after{content: "";position: absolute;left: 0;right:0;bottom: -8px;margin:0 auto;width:88px;height: 17px;background: url(../../d/images/special1-icon.gif) no-repeat;}
.special1-khwd strong{display: inline-block; color: #FFF;font-size: 20px;font-weight: normal; line-height: 39px;position: relative;margin-bottom:20px;z-index:0;}
.special1-khwd strong:before{content: "";position: absolute;left: -31px;right:-30px;top: -3px;height: 44px;background-color: #33806f;border:1px solid #CCC;z-index:-1;}
.content-left .content .special1-khwd p{text-indent:0;margin-bottom:0;padding:15px 0;border-bottom:1px dashed #bdceca;}
.special1-khwd p i{color: #33806f;}

.special1-wt{margin-bottom: 20px;color: #666666;font-size: 18px;line-height: 2;}
.special1-wt strong{display: block;color: #333;font-size: 22px;font-weight: normal;line-height: 1.5em;position: relative;z-index: 0;margin-bottom: 20px;}
.special1-wt strong:before{content: "";position: absolute;left: 0;bottom: 0;width: 68px;height: 1px;background-color: #33806f;}
.special1-wt strong:after{content: "";position: absolute;left: 80px;bottom: 0;width: 450px;height: 10px;background-color: #e6f2f0;z-index: -1;}
.special1-wt i{display: inline-block;color: #FFF;font-size: 20px;background-color: #33806f;padding:0 8px;margin-right: 20px;vertical-align: middle;margin-top: -10px;line-height: 1.3em;}
.special1-wt p{border-left:1px dashed #F0BE4E;padding-left: 20px;}
.content-left .content .special1-wt p{text-indent: 0;}

.special1-khhf{background: url(../../d/images/special1-bg.png);-webkit-box-shadow: 0 0 10px rgba(37,92,80,.2);-moz-box-shadow: 0 0 10px rgba(37,92,80,.2);-ms-box-shadow: 0 0 10px rgba(37,92,80,.2);-o-box-shadow: 0 0 10px rgba(37,92,80,.2);box-shadow: 0 0 10px rgba(37,92,80,.2);padding:48px 40px;outline: 1px dashed #255c50;outline: 1px dashed rgba(37,92,80,.3);outline-offset: -20px;color: #666;font-size: 18px;line-height: 2.2;position: relative;margin-bottom: 30px;}
.special1-khhf:before{content: "";position: absolute;left: 0;top: 0;width: 40px;height: 40px;background-color: #f0be4d;}
.special1-khhf:after{content: "";position: absolute;right: 0;bottom: 0;width: 155px;height: 42px;background: url(../../d/images/special1-horn.png) no-repeat;}
.special1-khhf i{color: #255c50;}


.special1-ts{background: url(../../d/images/special1-bg.png);-webkit-box-shadow: 0 0 10px rgba(37,92,80,.2);-moz-box-shadow: 0 0 10px rgba(37,92,80,.2);-ms-box-shadow: 0 0 10px rgba(37,92,80,.2);-o-box-shadow: 0 0 10px rgba(37,92,80,.2);box-shadow: 0 0 10px rgba(37,92,80,.2);padding:48px 40px;outline: 1px dashed #255c50;outline: 1px dashed rgba(37,92,80,.3);outline-offset: -20px;color: #255c50;font-size: 18px;line-height: 2.2;position: relative;margin-bottom: 30px;}
.special1-ts:before{content: "";position: absolute;left: 14px;top: 50%;width: 11px;height: 44px;margin-top:-22px;background: url(../../d/images/special1-dot.png) no-repeat;}
.special1-ts:after{content: "";position: absolute;right: 14px;top: 50%;width: 11px;height: 44px;margin-top:-22px;background: url(../../d/images/special1-dot.png) no-repeat;}


/* 右下角商务通 */
.fixed-box{width: 384px;position: fixed;bottom: -100%;right: 0;z-index: 99991;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.fix-colse{width: 75px;height: 30px;position: absolute;right: 4px;top: 10px;cursor: pointer;display: block;background: url(../../d/images/close-swt.png) no-repeat center;}
.fixed-box.open{bottom: 0;}




/* 
图片放大
 */
#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
}

#baguetteBox-overlay.visible {
    opacity: 1;
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%;
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
       -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 2;
    color: #ccc;
    font-size: 16px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
            transition: left 0.4s ease, -moz-transform 0.4s ease;
            transition: left 0.4s ease, transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight 0.4s ease-out;
            animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft 0.4s ease-out;
            animation: bounceFromLeft 0.4s ease-out;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px;
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: none;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
         border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color 0.4s ease;
            transition: background-color 0.4s ease;
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
    right: 2%;
}

.baguetteBox-button#previous-button {
    left: 2%;
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0;
}

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/

.spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
            animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
}

@-webkit-keyframes bounceFromRight {

0% {
    margin-left: 0;
}

50% {
    margin-left: -30px;
}

100% {
    margin-left: 0;
}

}

@keyframes bounceFromRight {

0% {
    margin-left: 0;
}

50% {
    margin-left: -30px;
}

100% {
    margin-left: 0;
}

}

@-webkit-keyframes bounceFromLeft {

0% {
    margin-left: 0;
}

50% {
    margin-left: 30px;
}

100% {
    margin-left: 0;
}

}

@keyframes bounceFromLeft {

0% {
    margin-left: 0;
}

50% {
    margin-left: 30px;
}

100% {
    margin-left: 0;
}

}

@-webkit-keyframes bounce {

0%,100% {
    -webkit-transform: scale(0);
            transform: scale(0);
}

50% {
    -webkit-transform: scale(1);
            transform: scale(1);
}

}

@keyframes bounce {

0%,100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0);
}

50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
}

}




/* 用户评价 */
.evaluate-box {
    background: url(../images/evaluate_bg.png) no-repeat center top;
    width: 100%;
    
    padding: 100px 50px 57px;
}

.evaluate-box .eval-top {
    margin-left: 40px;
}

.evaluate-box h3 {
    font-size: 28px;
    color: #597193;
    float: left;
}

.evaluate-box .eval-r {
    float: left;
    overflow: hidden;
    margin-left: 35px;
    margin-top: -40px;
}

.evaluate-box .eval-r .eval-pic {
    float: left;
}

.evaluate-box .eval-r ul {
    float: left;
    margin-top: 30px;
    margin-left: 8px;
}

.evaluate-box .eval-r li {
    display: inline-block;
    margin-left: 5px;
}

.evaluate-box p {
    font-size: 18px;
    color: #333;
    font-weight: 200;
    padding-top: 45px;
    line-height: 2em;
    text-indent: 2em;
}

/* 用户评价 end*/





.content-left-ys{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}

.content-left-ys .item{
    width: 49%;
    padding: 0 28px 28px 28px;
    background: #f0f3fa;
}
.content-left-ys .item .con{
    font-size: 40px;
    color: #333;
    font-weight: bold;
}
.content-left-ys .case_det_title{
    margin-bottom: 10px;
}
.content-left-ys .item .con{
    padding-left: 45px;
}


.case_det_pic_list{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.case_det_pic_list .item{
    width: 48%;
    margin-bottom: 40px;
}
.case_det_pic_list .item a{
    display: block;
    border-radius: 50px;
    overflow: hidden;
}


.case_det_jianshu{
    background: #f0f3fa;
    padding: 60px 0;
}

.case_det_jianshu .wrap{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
} 
.case_det_jianshu_l{
    width: 202px;
}
.case_det_jianshu_l .pic{
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 24px;
}
.case_det_jianshu_l .tt{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.case_det_jianshu_r{
    width: calc(100% - 202px);
    padding-left: 53px;
}
.case_det_jianshu_r_text{
    font-size: 18px;
    line-height: 36px;
    color: #333;
    margin-bottom: 42px;
}
.case_det_jianshu_btn_box{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.case_det_jianshu_btn_box a{
    width: 48%;
    line-height: 52px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 52px;
    margin-right: 2%;
    background: #014a7f;
}
.case_det_jianshu_btn_box a:first-child{
    background: #ff9700;
}


.yhpj_box{
    margin-bottom: 50px;
}


.case_det_ppys{
    margin-bottom: 50px;
}
.case_det_ppys_con{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    margin-bottom: 50px;
}
.case_det_ppys_list{
    width: 48.5%;
    padding: 40px 35px;
    background: #f0f3fa;
}
.case_det_ppys_list .item{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    margin-bottom: 28px;
}
.case_det_ppys_list .item:last-child{
    margin-bottom: 0;
}
.case_det_ppys_list .item .num{
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border-radius: 35px;
    background: #ff9700;
}
.case_det_ppys_list .item .tt{
    width: calc(100% - 35px);
    padding-left: 13px;
    font-size: 20px;
    color: #333;
    line-height: 36px;
}


.case_det_ppys_con2{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.case_det_ppys_con2 .item{
    width: 19%;
    text-align: center;
}
.case_det_ppys_con2 .item .icon{
    width: 145px;
    margin: 0 auto 25px;
}
.case_det_ppys_con2 .item .tt{
    font-size: 20px;
    color: #333;
    text-align: center;
}

.rela_case_box{
    margin-bottom: 50px;
}
.rela_case_title{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.rela_case_title_more{
    font-size: 24px;
    color: #666;
}
.rela_case_title_more:hover{
    color: #014a7f;
}
.rela_list{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.rela_list dd a{
    display: block;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.rela_list dd a .pic{
    overflow: hidden;
}
.rela_list dd a .pic img{
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.rela_list dd a .tt{
    width: 100%;
    line-height: 80px;
    font-size: 18px;
    color: #333;
    text-align: center;
    background: #f5f5f5;
    white-space:nowrap;overflow: hidden;text-overflow:ellipsis;
}
.rela_list dd a:hover .pic img{
    transform:scale(1.03,1.03);
    -webkit-transform:scale(1.03,1.03);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.rela_list dd a:hover{
    box-shadow: 0 0 15px rgba(115,115,115,.3);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.rela_case_list1 dd{
    width: calc((100% - 80px) / 3);
    margin: 0 40px 0 0;
}
.rela_case_list1 dd:nth-child(3n){
    margin-right: 0;
}
.rela_pro_list1 dd{
    width: calc((100% - 120px) / 4);
    margin: 0 40px 0 0;
}
.rela_pro_list1 dd:nth-child(4n){
    margin-right: 0;
}


.case_det_form{
    padding: 80px 0;
    background: #f0f3fa;
}

.case_det_form_tip{
    font-size: 18px;
    line-height: 36px;
    color: #333;
    margin-bottom: 35px;
}

.case_det_form_list{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.case_det_form_list dd{
    width: 48.5%;
    margin-bottom: 40px;
    position: relative;
}
.case_det_form_list dd.ddw{
    width: 100%;
}
.case_det_form_list dd:last-child{
    margin-bottom: 0;
}
.case_det_form_icon{
    position: absolute;
    left: 15px;
    top: 0;
    line-height: 60px;
    font-size: 18px;
    color: #f00;
}
.case_det_form_text,
.case_det_form_area{
    display: block;
    width: 100%;
    height: 60px;
    font-size: 18px;
    color: #333;
    padding-left: 30px;
    border: 1px solid #eee;
    border-radius: 10px;
}
.case_det_form_text::-webkit-input-placeholder,
.case_det_form_area::-webkit-input-placeholder{
    color: #999;
}
.case_det_form_area{
    height: 140px;
    line-height: 36px;
    padding: 15px 20px 15px 30px;
    border-radius: 10px;
    resize: none;
}
.case_det_form_btn{
    width: 400px;
    line-height: 60px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    background: #014a7f;
    border-radius: 60px;
    cursor: pointer;
}


.case_det_title{font-size:28px;color:#014a7f;position:relative;padding-left:45px;margin:32px 0 30px}
.case_det_title:before{background:url(../../d/images/h_bg.png) no-repeat;background-size:100% 100%;width:33px;height:22px;content:"";display:block;position:absolute;left:0;top:15px}


.case_search{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    background: #f0f3fa;
    padding: 15px;
    margin: 20px 0;
}
.case_search_text{
    width: calc(100% - 160px);
    height: 50px;
    color: #333;
    padding-left: 18px;
    font-size: 16px;
}
.case_search_text::-webkit-input-placeholder{
    color: #888;
}
.case_search_btn{
    width: 160px;
    height: 50px;
    font-size: 18px;
    color: #fff;
    background: #f0be4d;
    cursor: pointer;
}


.pro-table,.pro_table{overflow-x:auto}


.gjc_list1_box{
    width: 100%;

    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 30px;
    margin-top: 30px;
    background: #fff;
}
.gjc_list1_tt{
    font-size:18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 14px;
}
.gjc_list1_con{
    display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

.gjc_list1_con a{
    color: #333;
    font-size:16px;
    line-height: 30px;
    padding: 0 18px;
    background: #f5f5f5;
    margin: 0 10px 10px 0;
    transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.gjc_list1_con a:hover{
    color: #Fff;
    background: #ff9600;
    transition:all 0.5s;
	-webkit-transition:all 0.5s;
}


